자바스크립트 고차함수

// 기본 문법
arr.forEach((item, index, thisArr) => {});
/*
item : 배열요소값, index : 배열 인덱스, thisArr : 참조한 배열 
리턴값 : 없음 
*/

const numberArray = [1, 2, 3, 4, 5];
let sumNumber = 0;
numberArray.forEach((item) => {
  sumNumber += item;
});
console.log(sumNumber); // 15

// 기본 문법
arr.map((currentValue, index, array) => {}, thisArg);
/*
currentValue : 현재 배열 요소 값, index : 배열 인덱스
array : 참소한 배열, thisArg : 콜백함수에서 this로 사용할 값
리턴 값 : 반환 타입은 찾은 요소의 타입, 없으면 undefined 
*/

// 고차함수를 사용하지 않고 구현
const numberArr = [1, 2, 3, 4, 5];
const numberArr2 = [];
for (let i = 0; i < numberArr.length; i++) {
  numberArr2.push(numberArr[i] * 2);
}
console.log(numberArr2); // [2,4,6,8,10]

const numberArr = [1, 2, 3, 4, 5];
const numberMapArr = numberArr.map((item) => {
  return item % 2 === 0 ? 'even' : 'odd';
});
// 화살표 함수를 사용하면 더 간결한 작성이 가능하다
const birthYear = [1975, 1997, 2002, 1995, 1985];
const ages = birthYear.map((year) => 2022 - year);
console.log(ages);

// 기본 문법
arr.find((element, index, array) => {}, thisArg);
/*
element : 현재 배열 요소 값, index : 배열 인덱스
array : 참조한 배열, thisArg : 콜백함수에서 this로 사용할 값
리턴 값 : 반환 타입은 찾은 요소의 타입 / 없다면 undefined 
*/

const numberArr = [1, 3, 3, 5, 7];
const objectArr = [
  { name : 'Harry', age ; 20 },
  { name : 'Kim', age ; 23 },
  { name : 'Bae', age ; 26 },
];
console.log(
  objectArr.find((item) => {
    return item.age === 26; // 해당 조건에 부합하는 값이 있으면 반환
  })
);
console.log(numberArr.find((item) => item ===3)); // 3
// 여러개를 배열로 받고 싶으면 find대신 filter 사용

arr.findIndex((element, index, array) => {}, thisArg);
/*
element : 현재 배열 요소 값, index : 배열 인덱스 
array : 참조한 배열, thisArg : 콜백함수에서 this로 사용할 값 
리턴 값 : 요소가 테스트를 통과하면 배열의 인덱스 / 그렇지 않으면 -1
*/

const objectArr = [
  { name: 'Kim', age: 30 },
  { name: 'Park', age: 28 },
  { name: 'Bae', age: 13 },
];
console.log(
  objectArr.findIndex((item) => {
    return item.age === 13; // 해당 조건에 부합하면 item의 인덱스를 반환 => 2를 반환
  }),
);

arr.filter((element, index, array) => {}, thisArg);
/*
element : 현재 배열요소 값, index : 배열 인덱스 
array : 참조한 배열, thisArg : 콜백함수에서 this로 사용할 값 
리턴 값 : 테스트를 통과한 요소로 이루어진 새로운 배열 / 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환 
*/

const persons = [
  { name: 'curry', age: 30 },
  { name: 'James', age: 15 },
  { name: 'Thomas', age: 50 },
  { name: 'Jimmy', age: 28 },
];
const fullAge = persons.filter((person) => person.age >= 22);
console.log(fullAge);
/*
[
  { name: 'curry', age: 30 },
  { name: 'Thomas', age: 50 },
  { name: 'Jimmy', age: 28 }
]
*/

arr.reduce((accumulator, currentValue, index, array) => {

}, initialValue);
/**
 * accumulator : 누산기, 순회하면서 계속 더해서 합쳐지는 값
 * currentValue : 현재 값
 * index : 배열 인덱스
 * array : 참조한 배열
 * initialValue : 콜백 최초 호출에서 acc 누산기에 제공하는 값, 초기값을 제공하지 않으면 배열의 첫 번째 요소를 사용, 빈 배열에서 초기값 없이 호출하면 에러
 * 리턴값 : 누적 계산의 결과값
 * /

const arr = [5, 7, 1, 8, 4];
const sum = arr.reduce(function (accumulator, currentValue) {
  return accumulator + currentValue;
}, 10);
console.log(sum); // 35
/*
initialValue가 10으로 잡혀있기 때문에 accumulator는 10, current는 배열 첫 번째 값부터 시작한다. 
*/

arr.sort(function (a, b) {}, thisArg);
/*
compareFunction : 정렬 순서를 정의하는 함수. 이 값이 생략되있으면 배열의 element를 문자열로 취급하여 유니코드 값 순서대로 정렬한다. 
리턴 값 : sorting된 값 
*/

arr.some((currentValue, index, array) => {}, thisArg);
/**
currentValue : 현재 배열요소값, index : 배열 인덱스 
array : 참조한 배열, thisArg : 콜백함수에서 this로 사용할 값 
리턴 값 : callback이 어떤 배열 요소라도 대해 참인 값을 반환하는 경우에는 true, 그 외엔 false 
**/

const array = [1, 3, 5];
const result = array.some((currentValue) => {
  return currentValue % 2 === 0;
});
console.log(result); // false
// 하나라도 조건에 부합하면 true가 나온다.

arr.every((currentValue, index, array) => {}, thisArg);
/*
currentValue : 현재 배열요소값 , index : 배열 인덱스 
array : 참조한 배열 , thisArg : 콜백함수에서 this로 사용할 값 
리턴 값 : callback이 모든 배열 요소에 대해 참인 값을 반환하는 경우 true, 그 외엔 false
*/

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = array.every((currentValue) => {
  return currentValue < 60;
});
console.log(result); // true
// array 중 하나라도 60보다 큰 값이 나오면 false가 출력된다.